
.box {
    display: block;
    width: 300px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -20px;
    z-index: 999;

    :global {
        .hooktips {

            display: flex;
            justify-content: center;
            align-items: center;

            :global {

                .content {
                    border-radius: 5px;
                    background-color: rgb(0 0 0 / 81%);
                    line-height: 40px;
                    text-align: center;
                    z-index: 9999;
                    padding: 5px;
                    color: white;
                }


            }
        }
    }
}